@charset "UTF-8";
// 多行文本
// 一般Web使用
@mixin line($num: 1) {
  overflow: hidden;
  text-overflow: ellipsis;

  @if ($num == 1 or $num == '1') {
    white-space: nowrap;
  } @else {
    display: -webkit-box !important;
    -webkit-line-clamp: $num;
    // autoprefixer: off
    -webkit-box-orient: vertical;
  }
}

// 兼容uni使用的
@mixin line-uni($num: 1) {
  /* #ifdef APP-NVUE */
  // nvue下，可以直接使用lines属性，这是weex特有样式
  lines: $num;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1;
  /* #endif */

  /* #ifndef APP-NVUE */
  // vue下，单行和多行显示省略号需要单独处理
  @if ($num == 1 or $num == '1') {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  } @else {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: $num;
    -webkit-box-orient: vertical !important;
  }
  /* #endif */
}
